<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container"></div>
<div class="row">
    <div class="clo-xs-12 col-sm-6 col-md-3 col-lg-2" style="background-color: #3300FF ;color: #66afe9; font-size: 20px;line-height: 50px"> 6666666666666666666</div>
</div><br><br>
<div class="row">
    <div class="clo-xs-12 col-sm-6 col-md-3 col-lg-2" style="background-color: #3300FF ;color: #66afe9; font-size: 20px;line-height: 50px"> 6666666666666666666</div>
</div><br><br>
<div class="row">
    <div class="clo-xs-12 col-sm-6 col-md-3 col-lg-2" style="background-color: #3300FF ;color: #66afe9; font-size: 20px;line-height: 50px"> 6666666666666666666</div>
</div><br><br>
<div class="row">
    <div class="col-md-3 " style="background-color: #3300FF ;color: #66afe9; font-size: 20px;line-height: 50px"> 6666666666666666666</div>
    <div class="col-md-3 " style="background-color: #e4b9b9 ; font-size: 20px;line-height: 50px"> 6666666666666666666</div>
    <div class="col-md-3 " style="background-color:#2b542c ;font-size: 20px;line-height: 50px"> 6666666666666666666</div>
    <div class="col-md-3 " style="background-color: #c7254e; font-size: 20px;line-height: 50px"> 6666666666666666666</div>
</div><br><br>

<dl>
    <dt>this is title</dt>
    <dd>this is content</dd>
</dl>
<div class="row">
    <div class="col-md-6 clo-xs-6 col-sm-6 col-lg-6">
        <table class="table table-bordered table_striped table-hover table-condensed">
            <tr class="success">
                <th>#</th>
                <td>标题</td>
                <td>详情</td>
            </tr>
            <tr class="danger">
                 <th>1</th>
                <td>干的漂亮</td>
                <td>nice马飞</td>
            </tr>
            <tr class="info">
                 <th>2</th>
                <td>干的漂亮</td>
                <td>nice马飞</td>
            </tr>
            <tr class="warning">
                 <th>3</th>
                <td>干的漂亮</td>
                <td>nice马飞</td>
            </tr>
            <tr class="active">
                 <th>4</th>
                <td>干的漂亮</td>
                <td>nice马飞</td>
            </tr>
        </table>
    </div>
</div>

<form role="form">
	<div class="form-group">
		<label for="name">名称</label>
		<input type="text" class="form-control" id="name"
			   placeholder="请输入名称">
	</div>
	<div class="form-group">
		<label for="inputfile">文件输入</label>
		<input type="file" id="inputfile">
		<p class="help-block">这里是块级帮助文本的实例。</p>
	</div>
	<div class="checkbox">
		<label>
			<input type="checkbox"> 请打勾
		</label>
	</div>
	<button type="submit" class="btn btn-default">提交</button>
</form>
</body>
</html>